<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>招标发布</title>
    <link th:href="@{/layui/css/layui.css}" rel="stylesheet"/>
    <link th:href="@{/css/index.css}" rel="stylesheet"/>
    <link th:href="@{/css/tool.css}" rel="stylesheet"/>
    <!-- 图标  -->
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1531710_xb357ub1wmg.css"/>
    <script th:src="@{/layui/layui.js}" type="text/javascript"></script>
    <script th:src="@{/js/marked.min.js}" type="text/javascript"></script>
</head>
<body>
<div th:insert="~{navigation::nav}"></div>
<div class="layui-fluid main">
    <div class="layui-row layui-col-space10">
        <div class="layui-col-lg9">
            <h1>投标人资格文件上传</h1>
            <hr>
            <form class="layui-form" action="/tb/signUp/" method="post">
                <input type="hidden" name="userId" th:value="${session.user.id}">
                <input type="hidden" name="shFileId" id="shFileId">
                <input type="hidden" name="zbId" th:value="${zbId}">

                <div class="layui-form-item marginTop15px">
                    <label class="layui-form-label">投标资格文件上传</label>
                    <div class="layui-upload">
                        <button type="button" class="layui-btn layui-btn-normal" id="fileChoose">选择文件</button>
                        <button type="button" class="layui-btn" id="fileUpload">开始上传</button>
                    </div>
                </div>

                <div class="layui-form-item marginTop15px">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit>立即提交</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                </div>
            </form>
        </div>

        <div class="layui-col-lg3">
            <h1>填写注意点</h1>
            <hr>
            <h4>1.请使用markdown语法来编写相应内容。</h4>
            <h4>2.可以打开小眼睛来开启实时预览。</h4>
            <h4>3.请将如下内容整理到一个doc文件中上传。</h4>

            <div>
                <ul class="apply">
                    <li><h4>投标人情况表。</h4></li>
                    <li><h4>投标人《营业执照》副本复印件。</h4></li>
                    <li><h4>投标人《税务登记证》副本复印件。</h4></li>
                    <li><h4>投标人法定代表人身份证复印件。</h4></li>
                    <li><h4>相关资质证书复印件。</h4></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    layui.use(['form', 'laydate', 'upload', 'element', 'jquery'], function () {
        var form = layui.form
            , laydate = layui.laydate
            , upload = layui.upload
            , $ = layui.jquery;

        //选完文件后不自动上传
        upload.render({
            elem: '#fileChoose'
            , url: '/file/upload/3' //招标上传接口
            , auto: false
            , accept: 'file'
            //,multiple: true
            , bindAction: '#fileUpload'
            , done: function (res) {
                if (res.code == 200) {
                    layer.msg('上传成功');
                    $('#shFileId').val(res.fileId);
                }
                console.log(res)
            }
        });

    });
</script>
</body>
</html>